<!doctype html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>潭州教育</title>
		<meta name="Keywords" content="关键词,关键词">
		<meta name="description" content="">
		<!--css/js-->
<style type="text/css" id="css">
*{ list-style-type:none;margin:0px; padding:0px;}
body{background:url("images/bg2.png");  font-family:"微软雅黑";}
#Header{width:1000px;height:80px; border:5px solid #fff; border-radius:80px;background:#000;
		margin:40px auto 0px; box-shadow:0px 0px 15px #e0d3d1; position:relative;
		-webkit-transform-style:preserve-3d;
		-webkit-perspective: 201px;
		-webkit-animation:navRotate 2s linear 1s;
		/*-webkit-transform:rotateY(30deg) ;*/}
#Header img.line{position:absolute; top:-50px; }
#Header img.pos1{left:100px;}
#Header img.pos2{right:100px;}
@-webkit-keyframes navRotate{
	10%{-webkit-transform:rotateY(15deg) rotateZ(1deg);}
	20%{-webkit-transform:rotateY(-15deg) rotateZ(-1deg);}
	30%{-webkit-transform:rotateY(10deg) rotateZ(1deg);; }
	40%{-webkit-transform:rotateY(-10deg) rotateZ(-1deg);}
	50%{-webkit-transform:rotateY(6deg) rotateZ(1deg);;}
	60%{-webkit-transform:rotateY(-6deg) rotateZ(-1deg);}
	70%{-webkit-transform:rotateY(4deg) rotateZ(1deg);;}
	90%{-webkit-transform:rotateY(-4deg) rotateZ(-1deg);}
	100%{-webkit-transform:rotateY(0deg) rotateZ(0deg);;}
} 
#Header ul{ width:900px; margin:25px auto;}
#Header ul li:first-child{width:200px; font-size:30px;}
#Header ul li{width:100px;height:30px;  float:left; font-size:14px; 
				text-align:center; line-height:30px; color:#fff;}
#Header ul li a{color:#fff; text-decoration:none;display:block;}
#Header ul li a:hover{background:#fff; color:#000;}
#Banner{width:1050px;height:344px;  margin:50px auto 0px;position:relative;}
#Banner .Info{width:760px;height:250px;background:url("images/banner.png");}
#Banner .Info h3{font-size:40px; color:#fff; text-align:center; line-height:100px;
				font-family:"楷体";}
#Banner .Info p{text-indent:50px; color:#fff; line-height:30px; font-size:16px; font-family:"楷体";
		text-align:center;}
#Banner img.lz{position:absolute; right:40px; top:-20px;}

#Course{width:1000px;height:500px; margin:30px auto 50px; position:relative;}
#Course img.Lline{position:absolute; left:0px; top:10px;}
#Course img.Rline{position:absolute; right:75px; top:30px;}
#Course img.Xline{position:absolute; left:65px; top:-98px; -webkit-transform:rotateZ(-20deg);}
#Course .course1,#Course .course2,#Course .course3{ background:#000; padding:20px; position:absolute; box-shadow:0px 5px 5px #666;}
#Course .course1{width:150px;left:0px; top:120px; }
#Course .course2{width:200px;left:275px; top:160px;}
#Course .course3{width:250px;left:600px; top:130px;}


#Course .course1 .con{width:150px;height:110px;}

#Course .course2 .con{width:200px;height:150px; }
#Course .course3 .con{width:250px;height:190px;}

#Course .course1 img.jz{position:absolute;left:75px; top:-61px;}
#Course .course2 img.jz{position:absolute;left:100px; top:-60px;}
#Course .course3 img.jz{position:absolute;left:125px; top:-60px;}

#Course .con p{font-size:12px;line-height:25px; color:#ddd;}
#Course .con p span{float:right; color:#ddd;}
#Course img.mark{position:absolute; right:-50px; top:-50px; }
#YiDong{width:1160px;height:121px; margin:300px auto 50px; background:url("images/desk.png"); position:relative;}

#Footer{width:100%;height:100px; background:url("images/fbg.gif"); color:#ddd; font-size:12px; text-align:center; line-height:100px;}





</style>


	</head>

<body>

<!--头部开始-->
<div id="Header">
	<img src="images/line.png" class="line pos1"/>
	<img src="images/line.png" class="line pos2"/>

	<ul>
		<li>潭州教育</li>
		<li><a href="">首页</a></li>
		<li><a href="">VIp课程</a></li>
		<li><a href="">免费试听</a></li>
		<li><a href="">VIp案例</a></li>
		<li><a href="">学员作品</a></li>
		<li><a href="">关于我们</a></li>
	</ul>
</div>
<!--头部结束-->


<!--动画开始-->
<div id="Banner">
	<div class="Info">
		<h3>通知</h3>
		<p>2016年10月10号，中级班JS课程正式开班</p>
		<p>上课时间:星期一，三，五 每晚：8：30-11:30</p>
		<p>有任何疑问加客服QQ:2877036453</p>
		
	</div>
	<img src="images/lz.png" height="288" class="lz"/>
</div>
<!--动画结束-->


<!--课程报价开始-->
<div id="Course">
	<img src="images/Lline.png" width="50" class="Lline"/>
	<img src="images/Rline.png" width="50" class="Rline"/>
	<img src="images/Xline.png" width="800" class="Xline"/>

	<div class="course1">
		<img src="images/jz.png" class="jz" />
		<div class="con">
			<a href=""><img src="images/div.png"  width="150"/></a>
			<p><span>学费：880</span>周期：一个月</p>
		</div>
	</div>

	<div class="course2">
		<img src="images/jz.png" class="jz" />
		<div class="con">
			<a href=""><img src="images/js.png" width="200"/></a>
			<p><span>学费：2080</span>周期：二个月</p>
		</div>
	</div>

	<div class="course3">
		<img src="images/jz.png" class="jz" />
		<div class="con">
			<a href=""><img src="images/H5.png" width="250"/></a>
			<p><span>学费：2580</span>周期：二个月</p>
		</div>
	</div>

	<img src="images/mark.png" class="mark" />

</div>


<!--网站版权-->
<div id="Footer">
	Copyright © 2013-2019 All Rights Reserved 版权所有：潭州教育网络科技有限公司
</div>


</body>



</html>